
*{
  margin: 0px;
  padding: 0px;
  box-sizing:border-box;
  -webkit-box-sizing:border-box; 
  -webkit-tap-highlight-color: rgba(0,0,0,0.5);
}
.ell{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

html{font-size: 62.5%;}/*10px*/

html,body{
	  /*overflow: hidden;*/
    width: 100%;
    height: 100%;
    font-family: "微软雅黑";
    color: #000;
}
li{list-style-type:none;}
a{color:#fff;text-decoration:none;-webkit-tap-highlight-color:rgba(162,162,162,0.5);}
.clear{clear: both;border: none;}
.mask{
   position: fixed;
   top: 0;
   left: 0;
   z-index: 10;
   display: none;
   width: 100%;
   height: 100%;
   background: rgba(0,0,0,0.7);
 }
input,button,select,textarea{outline:none;}
textarea{resize:none;}
/*toast弹框*/
.toast{
    position: absolute;
    z-index: 10;
    left: 50%;
    margin-left: -75px;
    display: none;
    width: 150px;
    height: 90px;
    background: rgba(0,0,0,0.7);
    border-radius: 5px;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    line-height: 90px;
}
.toasts{
    display: block;
    animation: mytoast 4s ease-in-out;
    -webkit-animation: mytoast 4s ease-in-out; /* Safari and Chrome */
}
@keyframes mytoast
{
    0% {top: 100%;}
    10% {top: 48%;}
    15% {top: 50%;}
    100%{top: 50%;}
}
@-webkit-keyframes mytoast /* Safari and Chrome */
{
    0% {top: 100%;}
    10% {top: 48%;}
    15% {top: 50%;}
    100%{top: 50%;}
}